﻿<html>
<head>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=utf-8">
<title>綜合塗鴉廚</title>

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<STYLE TYPE="text/css">
body {padding:10px;font-size:15px;}
#a1 {
width: 45px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: 0px 0px;
}
#b1 {
position:absolute;
top:100px; left:0px;
z-index:1;
}
#c1 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a2 {
width: 39px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -44px 0px;
}
#b2 {
position:absolute;
top:200px; left:50px;
z-index:2;
}
#c2 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a3 {
width: 34px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -83px 0px;
}
#b3 {
position:absolute;
top:300px; left:100px;
z-index:3;
}
#c3 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a4 {
width: 36px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -117px 0px;
}
#b4 {
position:absolute;
top:400px; left:150px;
z-index:4;
}
#c4 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a5 {
width: 36px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -153px 0px;
}
#b5 {
position:absolute;
top:500px; left:200px;
z-index:5;
}
#c5 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a6 {
width: 35px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');

background-position: -190px 0px;
}
#b6 {
position:absolute;
top:600px; left:250px;
z-index:6;
}
#c6 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a7 {
width: 44px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -225px 0px;
}
#b7 {
position:absolute;
top:700px; left:300px;
z-index:7;
}
#c7 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a8 {
width: 35px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -269px 0px;
}
#b8 {
position:absolute;
top:800px; left:350px;
z-index:8;
}
#c8 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a9 {
width: 32px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -305px 0px;
}
#b9 {
position:absolute;
top:900px; left:400px;
z-index:9;
}
#c9 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a10 {
width: 36px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -337px 0px;
}
#b10 {
position:absolute;
top:1000px; left:450px;
z-index:10;
}
#c10 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a11 {
width: 34px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -373px 0px;
}
#b11 {
position:absolute;
top:1100px; left:500px;
z-index:11;
}
#c11 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a12 {
width: 36px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -407px 0px;
}
#b12 {
position:absolute;
top:1200px; left:550px;
z-index:12;
}
#c12 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a13 {
width: 34px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -443px 0px;
}
#b13 {
position:absolute;
top:1300px; left:600px;
z-index:13;
}
#c13 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
#a14 {
width: 36px; height: 48px; 
background-repeat: no-repeat; 
background-image: url('1369377836986.png');
background-position: -477px 0px;
}
#b14 {
position:absolute;
top:1400px; left:650px;
z-index:14;
}
#c14 {
padding:10px;
border-radius: 10px;
border:1px solid black;
background-color:#ffffff;
}
</style>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="alert alert-error">
舊版本的瀏覽器 可能不支援圓角框
</div>
<div id='b1'>
	<div id='a1'> </div>
	<div id='c1'>呵呵</div>
</div>
<div id='b2'>
	<div id='a2'> </div>
	<div id='c2'>想玩什麼呢</div>
</div>
<div id='b3'>
	<div id='a3'> </div>
	<div id='c3'>我要放假</div>
</div>
<div id='b4'>
	<div id='a4'> </div>
	<div id='c4'>ㄋㄟㄋㄟ</div>
</div>
<div id='b5'>
	<div id='a5'> </div>
	<div id='c5'>鮭魚</div>
</div>
<div id='b6'>
	<div id='a6'> </div>
	<div id='c6'>團子</div>
</div>
<div id='b7'>
	<div id='a7'> </div>
	<div id='c7'>kcnny</div>
</div>
<div id='b8'>
	<div id='a8'> </div>
	<div id='c8'>肥宅z</div>
</div>
<div id='b9'>
	<div id='a9'> </div>
	<div id='c9'>低能</div>
</div>
<div id='b10'>
	<div id='a10'> </div>
	<div id='c10'>橘毛</div>
</div>
<div id='b11'>
	<div id='a11'> </div>
	<div id='c11'>學姊</div>
</div>
<div id='b12'>
	<div id='a12'> </div>
	<div id='c12'>小麻痺</div>
</div>
<div id='b13'>
	<div id='a13'> </div>
	<div id='c13'>天龍</div>
</div>
<div id='b14'>
	<div id='a14'> </div>
	<div id='c14'>廢物星星</div>
</div>
</body>
</html>